<!DOCTYPE HTML>
<html lang="en">
  
  <head>
    <meta charset="UTF-8">
    <link media="all" rel="stylesheet" href="../css/base.css" type="text/css" />
    <title>Social</title>
  </head>
  
  <body>
    <div id="iconSocialCont">
      <img class="iconSocial" id="iconSocialWeibo" src="../images/icon_social_weibo.png" alt="" />
      <div id="socialWeiboDesc" class="socialDesc">Follow me on Weibo</div>
      <img class="iconSocial" id="iconSocialTwitter" src="../images/icon_social_twitter.png" alt="" />
      <div id="socialTwitterDesc" class="socialDesc">Follow me on Twitter</div>
      <img class="iconSocial" id="iconSocialLinkedin" src="../images/icon_social_linkedin.png" alt="" />
      <div id="socialLinkedinDesc" class="socialDesc">Follow me on Linkedin</div>
      <img class="iconSocial" id="iconSocialGplus" src="../images/icon_social_gplus.png" alt="" />
      <div id="socialGplusDesc" class="socialDesc">Follow me On Google+</div>
      <img class="iconSocial" id="iconSocialFacebook" src="../images/icon_social_facebook.png" alt="" />
      <div id="socialFacebookDesc" class="socialDesc">Folle me on Facebook</div>
    </div>
    <script type="text/javascript">
      function socialInit()
      {
        $('.iconSocial').bind('mouseover', socialMouseOverHandler);
      }

      function socialMouseOverHandler()
      {
      }
    </script>
  </body>

</html>
